<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>QUIGRAFIN - Insumos Quimicos para la Industria Gráfica en Peru</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel="stylesheet" href="superzised/css/supersized.css" type="text/css" media="screen" />
<link rel="stylesheet" href="superzised/theme/supersized.shutter.css" type="text/css" media="screen" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="superzised/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="superzised/js/supersized.3.2.5.js"></script>
<script type="text/javascript" src="superzised/theme/supersized.shutter.min.js"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">
	
	jQuery(function($){
		
		$.supersized({
		
			// Functionality
			slideshow               :   1,			// Slideshow on/off
			autoplay				:	1,			// Slideshow starts playing automatically
			start_slide             :   0,			// Start slide (0 is random)
			stop_loop				:	0,			// Pauses slideshow on last slide
			random					: 	0,			// Randomize slide order (Ignores start slide)
			slide_interval          :   3000,		// Length between transitions
			transition              :   1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
			transition_speed		:	800,		// Speed of transition
			new_window				:	1,			// Image links open in new window/tab
			pause_hover             :   0,			// Pause slideshow on hover
			keyboard_nav            :   1,			// Keyboard navigation on/off
			performance				:	1,			// 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
			image_protect			:	1,			// Disables image dragging and right click with Javascript
													   
			min_width		        :   1600,			// Min width allowed (in pixels)
			min_height		        :   340,			// Min height allowed (in pixels)
			vertical_center         :   0,			// Vertically center background
			horizontal_center       :   1,			// Horizontally center background
			fit_always				:	0,			// Image will never exceed browser width or height (Ignores min. dimensions)
			fit_portrait         	:   1,			// Portrait images will not exceed browser height
			fit_landscape			:   1,			// Landscape images will not exceed browser width
													   
			// Components							
			slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
			thumb_links				:	0,			// Individual thumb links for each slide
			thumbnail_navigation    :   0,			// Thumbnail navigation
			slides 					:  	[			// Slideshow Images
												
																		
												
												{image : 'banner/bann_1.jpg'},
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
																			
												
												{image : 'banner/bann_2.jpg'},
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
																			
												
											/*	{image : 'banner/bann_3.jpg'},*/
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
																			
												
												{image : 'banner/bann_4.jpg'},
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
																			
												
											/*	{image : 'banner/bann_5.jpg'},*/
											
											
											/*	{image : 'images/banner-principal/bann_2.jpg'},  
												{image : 'images/banner-principal/bann_3.jpg'},
												{image : 'images/banner-principal/bann_4.jpg'},  
												{image : 'images/banner-principal/bann_5.jpg'}*/
												{image : 'banner/bann_2.jpg'}
										],
										
			// Theme Options			   
			progress_bar			:	1,			// Timer for each slide							
			mouse_scrub				:	0
			
		})
		
	});
	
</script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>
<div id="contenedor">
	<?php include'modulos/menu-principal.php'?>   
    <div id="cuerpo_all_productos">
  
   	  <div id="menu_v">
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="productos.php" class="aqui" >Sustitutos de alcohol</a></div>  
               
        </div>
        
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="soluciones-convencionales.php" class="linkeando">Soluciones y Aditivos para fuente</a></div>
          <div class="AccordionPanelContent">
          	<ul class="subcategoria-productos">
                <li><a href="soluciones-convencionales.php">Soluciones convencionales</a></li>
                <li><a href="#">Soluciones Alcolor</a></li>
                <li><a href="#">Solucion para KOMPAC ó HIDROCOLOR</a></li>
                <li><a href="#">Soluciones para Rotativas</a></li>
                <li><a href="#">Aditivos para Sistemas de mojado</a></li>
                           
            </ul>
          </div>
        </div>
        
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#" class="linkeando">Limpiadores y Aditivos de mantenimiento</a></div>
          
        </div>
        
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#" class="linkeando">Aditivos para Placas Offset</a></div>
 
        </div>
        
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#" class="linkeando">Productos especiales</a></div>
          
        </div>
        
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#" class="linkeando">Tintas</a></div>          
        </div>
        
         <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#" class="linkeando">Placas</a></div>          
        </div>
        
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#" class="linkeando">Mantillas</a></div>          
        </div>
        
      </div>
      </div>
        
      <div id="all-productos">
      <div id="cabecera-producto">
       	<h1 class="titulo-categoria">SUSTITUTOS DE ALCOHOL</h1>
        <div class="linea_division"></div>
      </div>
       	<div id="info-producto">
           	  <div id="producto">                
       	  		<img src="productos/1.jpg" class="estilo-producto" alt="" />
                <div class="n-producto">AQUALCOHOL  JP</div>
                <a href="aqualcohol-jp-detalles.php" class="boton-mas">mas detalles</a>
          </div>
                
              <div id="producto">                
       	  		<img src="productos/no-imagen.jpg" class="estilo-producto" alt="" />
                <div class="n-producto">AQUALCOHOL ML</div>
                <a href="#" class="boton-mas">mas detalles</a>
              </div>
                
            <div id="producto">                
       	  		<img src="productos/no-imagen.jpg" class="estilo-producto" alt="" />
              <div class="n-producto">AQUAFOUNT FX</div>
              <a href="#" class="boton-mas">mas detalles</a>
            </div>
   	    </div>
          
          <div id="info-producto">
           	  <div id="producto">                
       	  		<img src="productos/no-imagen.jpg" class="estilo-producto" alt="" />
                <div class="n-producto">AQUAFOUNT LX</div>
                <a href="#" class="boton-mas">mas detalles</a>
          </div>
          </div>
      </div>
        <div class="limpiar"></div>
    </div>
    <div class="limpiar"></div>
    <?php include'modulos/piepagina.php'?>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>